<template>
  <div>

      <li>
      <div><a :href="'/addcourse?cid='+data.id">{{data.name}}</a></div>

        <ul v-if="data.children && data.children.length > 0">
            <mycate v-for="child in data.children" :key='child.id' :data='child' />


        </ul>
        

      </li>
  </div>
</template>

<script>
export default {
    name:'mycate',
    props:['data']
}
</script>

<style>
ul{
    padding-left: 20px;
    
}

</style>